<template>
  <view>
    <CustomNavbar :title="title" auto-back />
    <view class="h-350rpx bg-#bfcbdd pt-10rpx" />
    <view class="p-24rpx">
      <view class="mb-30rpx">
        <view class="mb-18rpx text-[28rpx] text-[#4e5968]">
          活动时间
        </view>
        <view class="text-[28rpx] text-[#1d2129] font-medium leading-48rpx">
          203.12.21 12:22-2023.12.12 08:00
        </view>
      </view>
      <view class="mb-30rpx">
        <view class="mb-18rpx text-[28rpx] text-[#4e5968]">
          活动介绍
        </view>
        <view class="text-[28rpx] text-[#1d2129] font-medium leading-48rpx">
          <view>消费一千元</view>
          <view>1可以获得价值1000元的大礼包</view>
          <view>2可以获得1000元额度</view>
          <view>3推荐新人购买1000元大礼包可以获得10%的返现</view>
          <view>4推荐10人后可以十人抽奖 奖金为1000元现金。</view>
        </view>
      </view>
    </view>
    <view class="mt-300rpx px-30rpx">
      <up-button :custom-style="{ background: '#1f50f2', color: '#fff', height: '90rpx', fontSize: '30rpx' }" shape="circle" text="立即报名" />
    </view>
  </view>
</template>

<script setup lang="ts">
const options = ref<Record<string, string>>({});
const title = ref('banner详情');
onLoad((params: any) => {
  options.value = params;
});
</script>

<style scoped lang="scss">

</style>
